<template>
  <div id="app">
    <!-- <LayOut :isShowHeader="false" :isShowFooter="false">
      <div style="width: 100%; height: 130px" slot="main-img">
        <img
          style="width: 100%; height: 100%"
          src="https://img1.baidu.com/it/u=4187496732,797673802&fm=26&fmt=auto"
          alt=""
        />
      </div>
      <div slot="main-input">
        <Form url="/login" title="登录" />
      </div>

      <div slot="main-btn">
        <button style="width: 120px">
          登录
        </button>
      </div>

      <div style="width: 100%; height: 130px" slot="main-auth">
        <img
          style="width: 100%; height: 100%"
          src="https://img0.baidu.com/it/u=826858079,3508317119&fm=26&fmt=auto"
          alt=""
        />
      </div>
    </LayOut> -->

<!-- 
    <LayOut :isShowHeader="false" :isShowFooter="false">
      <div style="width: 100%; height: 130px" slot="main-img">
        <img
          style="width: 100%; height: 100%"
          src="https://img2.baidu.com/it/u=2765865864,2015928711&fm=26&fmt=auto"
          alt=""
        />
      </div>
      <div slot="main-input">
        <Form url="/register" title="注册" />
      </div>

      <div slot="main-btn">
        <button style="width: 120px">
          注册
        </button>
      </div>
    </LayOut> -->

     <LayOut :isShowHeader="true" :isShowFooter="true" >
      <div style="width: 100%; height: 130px" slot="main-img">
        <img
          style="width: 100%; height: 100%"
          src="https://img1.baidu.com/it/u=4187496732,797673802&fm=26&fmt=auto"
          alt=""
        />
      </div>
      <div slot="main-input">
        <Form url="/login" title="登录" />
      </div>

      <div slot="main-btn">
        <button style="width: 120px">
          登录
        </button>
      </div>

      <div style="width: 100%; height: 130px" slot="main-auth">
        <img
          style="width: 100%; height: 100%"
          src="https://img0.baidu.com/it/u=826858079,3508317119&fm=26&fmt=auto"
          alt=""
        />
      </div>
    </LayOut>
  </div>
</template>

<script>
import LayOut from "./components/LayOut.vue";
import Form from "./components/Form.vue";
export default {
  components: {
    LayOut,
    Form,
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body,
#app {
  height: 100%;
}
</style>
